*{
	margin:0px;
	padding:0px;
	overflow:hidden;
}

html,body{
	width:100%;
	height:100%;
	
	font-family:'Segoe UI';
	font-size:10px;
	cursor:default;
}

input{
	font-family:inherit;
	font-size:inherit;
}

a[href]{
	color: #008;
	text-decoration:underline;
}

body[fullscreen=true] .fullscreen-block{ display:block; }
.fullscreen-block{ display:none; }
.windowed-block{ display:block; }
body[fullscreen=true] .windowed-block{ display:none; }
body[fullscreen=true] .fullscreen-inline{ display:inline; }
.fullscreen-inline{ display:none; }
.windowed-inline{ display:inline; }
body[fullscreen=true] .windowed-inline{ display:none; }


#xulwindow{
	background:white;
	border-top:1px solid #000;
	margin-left:25px;
	margin-top:20px;
	overflow:hidden;
}


#console-container,
#overlay
{
	top:20px;
	left:25px;
}

#xulwindow,
#console-container,
#overlay
	{ width:-moz-calc(100% - 27px); }

#xulwindow,
#console-container.expanded
	{ height: -moz-calc(100% - 21px); }

#overlay
	{ height: -moz-calc(100% - 22px); }

body[fullscreen=true] #xulwindow,
body[fullscreen=true] #console-container.expanded,
body[fullscreen=true] #overlay
	{ height: -moz-calc(100% + 2px); }

body[fullscreen=true] #xulwindow
	{ margin-top:-3px; }

body[fullscreen=true] #console-container
	{ top:-4px; }
	
body[fullscreen=true] #overlay
	{ top:-3px; }
	
#overlay{
	position:absolute;
	border-top:1px solid black;
	display:none;
}

#console-container{
	position:absolute;
	height:29px;
	overflow:hidden;
	font-family:Calibri;
	font-size:14px;
	background:#fff;
	-moz-transition:height .5s ease;
	border-top:1px solid #000;
}

.resize{
	position:absolute; bottom:-2px;  cursor:se-resize;
}

#resize-se-1{
	right:-2px; width:4px; height:60px;
}

#resize-se-2{
	right:2px; width:56px; height:4px;
}

#bodyLayer1{
	position:relative;
	border-radius:4px;
	border:1px solid black;
	width:-moz-calc( 100% - 2px );
	height:-moz-calc( 100% - 2px );
	background:-moz-linear-gradient( 270deg, rgba(255,255,255,0), rgba(255,255,255,0.6) 800px ) fixed, -moz-linear-gradient( 270deg, rgba(200,200,200,0.7), rgba(200,200,200,0.25) 16px) fixed , -moz-repeating-linear-gradient( 70deg, rgb(77,76,73),  rgb(149,148,143) 30px, rgb(77,76,73) 200px) fixed;
}

body[fullscreen=true] #bodyLayer1{
	border-radius:0px;
	border:none;
	width:100%;
	height:100%;
	background:rgba(127,127,127,1);
}

body[fullscreen=true] #leftCol{
	background:rgba(127,127,127,1);
	top:-2px;
	height:-moz-calc( 100% + 1px );
}

body[fullscreen=true] .resize{
	display:none;
}

body[fullscreen=true]{
	width:-moz-calc( 100% + 7px );
	height:-moz-calc( 100% + 3px );
	position:absolute;
	top:0px;
	left:-3px;
}

#bodyLayer2{
	position:absolute;
	overflow:visible;
	left:2px;
	top:2px;
	border-radius:5px;
	width:-moz-calc(100% - 4px);
	height:-moz-calc(100% - 4px);
}

#title-buttons{
	position:absolute;
	top:-2px;
	left:0px;
	height:20px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

#title-float{
	padding-left:160px;
	margin-right:120px;
	white-space:nowrap;
	position:relative;
}

#title{
	font-family:Calibri;
	padding-top:2px;
	font-size:14px;
	font-weight:bold;
	height:18px;
	display:inline-block;
	color:#fff;
}

#domain{
	  -moz-transition-property: width, left, top;
	  -moz-transition-duration: 0.5s, 0.5s, 0.5s;
	border:3px solid black;
	border-right:2px solid black;
	padding-left:3px;
	padding-right:3px;
	-moz-border-image:url(title_pushbutton.png) 3;
	font-size:8px;
	margin-top:2px;
	display:inline-block;
	max-width:100px;
	height:12px;
}

#domain-input{
	border:none;
	width:100%;
	background: transparent;
	position:absolute;
	left:0px;
	top:0px;
}

#title-buttons .button{
	display:inline-block;
	width:30px;
	height:17px;
}

#title-buttons .button{
	padding-top:2px;
	text-align:center;
	overflow:hidden;
}

#title-buttons .button.l{ background:url(titlebutton_l.png); }
#title-buttons .button.l:hover{ background:url(titlebutton_l_h.png); }
#title-buttons .button.c{ background:url(titlebutton_c.png); }
#title-buttons .button.c:hover{ background:url(titlebutton_c_h.png); }
#title-buttons .button.r{ background:url(titlebutton_r.png); }
#title-buttons .button.r:hover{ background:url(titlebutton_r_h.png); }

#title-buttons .button.xxl{
	width:80px;
}

#title-buttons .button.xxl.l{ background:url(titlebutton_xxl_l.png); }
#title-buttons .button.xxl.l:hover{ background:url(titlebutton_xxl_l_h.png); }

#leftCol{
	  -moz-transition-property: width;
	  -moz-transition-duration: 0.25s;
	position:absolute;
	top:20px;
	left:1px;
	background:-moz-linear-gradient( 270deg, #000, #aaa 32px, #ccc 100%);
	width:23px;
	height:-moz-calc(100% - 21px);
	border-right:1px solid #000;
	overflow:visible;
	border-bottom-left-radius:2px;
}

#leftCol:hover{
	width:140px;
}

#leftCol .button.inactive{
	border:4px solid black;
	border-right:6px solid black;
	-moz-border-image:url(leftbutton_i.png) 4 6 4 4;
	margin-right:-3px;
	margin-bottom:3px;
}

#leftCol .button.active{
	border:4px solid black;
	-moz-border-image:url(leftbutton_a.png) 4 4 4 4;
	margin-right:-1px;
	margin-bottom:3px;
	position:relative;
}

#leftCol .button{
	white-space:nowrap;
	position:relative;
	min-height:16px;
}

#leftCol .opbutton{
	border:4px solid black;
	-moz-border-image:url(button_opaque.png) 4;
	position:relative;
	display:inline-block;
	opacity:0.8;
}

#leftCol .opbutton:hover{
	opacity:1.0;
}

#leftCol .button img{
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
}

#leftCol .closebutton{
	position:absolute;
	top:0px;
	left:116px;
	width:16px;
	height:16px;
}

#leftCol .inactive .closebutton{
	opacity:0.8;
}

#leftCol .button span{
	margin-left:18px;
	font-weight:bold;
	padding-left:1px;
	color:white;
}

#leftCol .button.active span{
	font-weight:bold;
	color:black;
}

#browsers .tab{
	overflow:auto;
}

#browsers .tab.inactive{
	display:none;
}

#browsers .tab.active{
	display:block;
}

#nav{
	display:inline-block;
	height:32px;
	width:54px;
	background:url(nav.png) top left no-repeat;
}

.sb-top{
	display:inline-block;
	width:28px;
	height:19px;
}

#sb-top-app{ width:29px; background:url(fs-appbutton.png); }
#sb-top-app:hover{ background:url(fs-appbutton-hover.png); }

#sb-top-go{ background:url(fs-gobutton-hover.png); }
#sb-top-go:hover{ background:url(fs-gobutton.png); }

#sb-top-go{ background:url(fs-gobutton-hover.png); }
#sb-top-go:hover{ background:url(fs-gobutton.png); }

#sb-top-search{ background:url(fs-searchbutton-hover.png); }
#sb-top-search:hover{ background:url(fs-searchbutton.png); }

#sb-top-max { background:url(fs-maxbutton-hover.png); }
#sb-top-max:hover{ background:url(fs-maxbutton.png); }

#sb-top-close { background:url(fs-closebutton-hover.png); }
#sb-top-close:hover{ background:url(fs-closebutton.png); }

